﻿<style type="text/css">
    /*=========mF_sd_tab========*/
    div, ul, li{margin: 0;padding: 0;list-style: none;font-size: 12px;}
    .mF_sd_tab{padding-top: 20px;clear: both;}
    .mF_sd_tab ul.title{height: 31px;line-height: 30px;border-bottom: 1px solid #ccc;}
    .mF_sd_tab ul.title li{height: 30px;line-height:30px;float: left;padding: 0 20px;margin-right: 20px;cursor: pointer;background: #fff;border: 1px solid #ccc;font-size: 14px;}
    .mF_sd_tab ul.title li.current{background: #ccc;}
    .mF_sd_tab ul.content li{padding: 20px;}
</style>
<script type="text/javascript">
    jQuery(function () {
        jQuery('.title li').click(function () {
            jQuery('.content li').stop();
            jQuery(this).addClass('current').siblings().removeClass('current');
            var index = jQuery(this).index();
            jQuery('.content li').eq(index).show().siblings().hide();
        });
    })
</script>
<div id="tab" class="mF_sd_tab">
  <ul class="title">
    <li class="current">Detail</li>
    #foreach ($item in $model.attr_value)
    #set($fieldModel=$biz.GetAttrField($item.field_id))
    #if ($fieldModel.control_type == "editor" && $fieldModel.is_lock == 0)
    <li>${fieldModel.title}</li>
    #end
    #end
  </ul>
  <ul class="content">
    <li>$!{model.content}</li>
    #foreach ($item in $model.attr_value)
    #set($fieldModel=$biz.GetAttrField($item.field_id))
    #if ($fieldModel.control_type == "editor" && $fieldModel.is_lock == 0)
    <li style="display: none">$!{item.content}</li>
    #end
    #end
  </ul>
</div>
